<template>
  <a-spin :spinning="confirmLoading">
    <j-form-container :disabled="formDisabled">
      <a-form-model ref="form" :model="model" :rules="validatorRules" slot="detail">
        <a-row>
          <a-col :span="24">
            <a-form-model-item label="营业执照" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="businessLicense">
              <j-upload v-model="model.businessLicense"></j-upload>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item
              label="组织机构代码证"
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
              prop="organizationCodeCertificate"
            >
              <j-upload v-model="model.organizationCodeCertificate"></j-upload>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item
              label="法人身份证"
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
              prop="corporateIdentityCard"
            >
              <j-upload v-model="model.corporateIdentityCard"></j-upload>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="商标注册证" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="tradeMarkLicense">
              <j-upload v-model="model.tradeMarkLicense"></j-upload>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="联系电话" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="contactNumber">
              <a-input v-model="model.contactNumber" placeholder="请输入联系电话"></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item
              label="税务登记证"
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
              prop="taxRegistrationCertificate"
            >
              <j-upload v-model="model.taxRegistrationCertificate"></j-upload>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item
              label="企业联系人"
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
              prop="corporateContacts"
            >
              <a-input v-model="model.corporateContacts" placeholder="请输入企业联系人"></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="企业名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="corporateName">
              <a-input v-model="model.corporateName" placeholder="请输入企业名称"></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <a-form-model-item
              label="企业地址(经纬度)"
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
              prop="corporateAddress"
            >
              <a-input v-model="model.corporateAddress" placeholder="请输入企业地址(经纬度)"></a-input>
            </a-form-model-item>
          </a-col>
        
          <a-col :span="24">
            <a-form-model-item label="状态" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="status">
              <j-dict-select-tag type="list" v-model="model.status" dictCode="record_status" placeholder="请选择状态" />
            </a-form-model-item>
          </a-col>
        </a-row>
      </a-form-model>
    </j-form-container>
  </a-spin>
</template>

<script>
  import { getAction, postAction, putAction } from '../../../api/manage'
import { validateDuplicateValue } from '@/utils/util'

export default {
  name: 'ZzzsRecordEnterpriseForm',
  components: {},
  props: {
      //表单禁用
      disabled: {
        type: Boolean,
        default: false,
        required: false
      },
      id: ""
    },
  data() {
    return {
      model: {},
      labelCol: {
        xs: { span: 24 },
        sm: { span: 5 },
      },
      wrapperCol: {
        xs: { span: 24 },
        sm: { span: 16 },
      },
      confirmLoading: false,
      validatorRules: {
        contactNumber: [{ required: false }, { pattern: /^1[3456789]\d{9}$/, message: '请输入正确的手机号码!' }],
      },
      url: {
        add: '/modules/zzzsRecordEnterprise/add',
        edit: '/modules/zzzsRecordEnterprise/edit',
        queryById: '/modules/zzzsRecordEnterprise/queryById',
        reviewUrl: "/modules/zzzsRecordEnterprise/review"
      },
    }
  },
  computed: {
    formDisabled() {
      return this.disabled
    },
  },
  created() {
    //备份model原始值
    this.modelDefault = JSON.parse(JSON.stringify(this.model))
    this.getInfo()
  },
  methods: {
    add() {
      this.edit(this.modelDefault)
    },
    edit(record) {
      this.model = Object.assign({}, record)
      this.visible = true
    },
    submitForm() {
      const that = this
      // 触发表单验证
      this.$refs.form.validate((valid) => {
        if (valid) {
          that.confirmLoading = true
          let httpurl = ''
          let method = ''
          if (!this.model.id) {
            httpurl += this.url.add
            method = 'post'
          } else {
            httpurl += this.url.edit
            method = 'put'
          }
          httpAction(httpurl, this.model, method)
            .then((res) => {
              if (res.success) {
                that.$message.success(res.message)
                that.$emit('ok')
              } else {
                that.$message.warning(res.message)
              }
            })
            .finally(() => {
              that.confirmLoading = false
            })
        }
      })
    },
    edit(id) {
  console.log(id)
},
review() {
  console.log("调用了")
  putAction(this.url.reviewUrl, this.model).then(res => {
    console.log(2)
    this.$emit("close")
  })
},
getInfo() {
  getAction(this.url.queryById, { id: this.id }).then(res => {
    this.model = res.result
  })
}

  },
}
</script>